<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="author" content="XXZ_KK">
    <meta name="keywords" content="CGI开发 H5模板 物联网">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
    <link rel="stylesheet" href="./css/login.css">
    <title>登录页面</title>
</head>

<body>
    <div class="container right-panel-active">
        <!-- frameborder="0" 控制iframe的边框显示。设置为 “0” 表示不显示边框 -->
        <!-- <iframe src="login_in_page" frameborder="0"></iframe> 方式2  -->
        <div class="container__form container--signup">

            <!-- 同步提交的时候需要action 处理提交 异步的时候  函数就返回的是false方式来提交数据  也就是异步刷新的时候 action 就用 -->
            <form class="form" id="form1" onsubmit="return login(this)" action="#">
                <div class="rainbow-text">
                    <h3 class="form__title">路由管理</h3>
                </div>
                <input type="txt" placeholder="账号" class="input" name="q_username" />
                <input type="password" placeholder="密码" class="input" name="q_password" />
                <br>
                <button class="btn">登录</button>
            </form>

        </div>
        <div class="container__form container--signin">
            <form action="#" class="form" id="form2">
                <input type="text" placeholder="账号" class="input"/>
                <input type="password" placeholder="密码" class="input"/>
                    <a href="./creat-password.html"  class="link">生成密码</a>
                <button class="btn">注册</button>
            </form>
        </div>

        <div class="container__overlay">
            <div class="overlay">
                <div class="overlay__panel overlay--left">
                    <button class="btn1" id="signIn" style="opacity: 0.1;"></button>
                </div>
                <div class="overlay__panel overlay--right">
                    <button class="btn" id="signUp">去登录</button>
                </div>
            </div>
        </div>
    </div>
    <script src="./js/login.js"></script>
</body>

</html>